<template>
    <view class="kuang1">
        <view class="huiyuanma">
                <view class="h1">星球移民</view>
                <view class="h2">旧会员星球卡升级</view>
                <van-icon name="arrow" color="#C3C4C8" />
        </view>
        <view class="huiyuanma" @click="Togeren">
                <view class="h1">个人资料</view>
                <van-icon name="arrow" color="#C3C4C8" />
        </view>
        <view class="huiyuanma" @click="Toxicha" >
                <view class="h1">关于喜茶GO</view>
                <van-icon name="arrow" color="#C3C4C8" />
        </view>
    </view>
</template>
<script>
export default {
    data(){
        return{

        }
    },
    methods:{
        Toxicha(){
            uni.navigateTo({
                url:'../guanyu/guanyu'
            })
        },
        Togeren(){
            uni.navigateTo({
                url:'../geren/geren'
            })
        }
    }
}
</script>
<style scoped>
.kuang1{
    margin: 0 30rpx 0 30rpx;
}
.huiyuanma{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 120rpx;
    border-bottom: 1px solid #EFF2F5;
}
.h1{
    width: 30%;
    line-height: 120rpx;
}
.h2{
    width: 68%;
    font-size: 12px;
    line-height: 120rpx;
    text-align: right;
    color: #C3C4C8;
    padding-right: 20rpx;
}
</style>